<template>
  <div>
  </div>
</template>

<script>
/*


一

<el-table-column prop="beforeImgList" label="改造前" min-width="260">
  <template slot-scope="scope">
    <div class="imgList">
      <el-image v-for="(item, index) in scope.row.beforeImgList" :key="index" :src="item" :preview-src-list="scope.row.beforeImgList" />
    </div>
  </template>
</el-table-column>

.imgList{
  display: flex;
  flex-wrap: wrap;
  min-width: 300px;
  height: 80px;
  overflow: hidden;
  .el-image{
    width: 80px;
    height: 80px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
}


二

<el-table-column prop="imgList" label="评估附件" min-width="600">
  <template slot-scope="scope">
    <div v-if="scope.row.imgList && scope.row.imgList.length" style="display: flex;">
      <el-image
        v-for="(item, index) in scope.row.imgList"
        :key="index"
        style="width: 100px; height: 100px; margin-right: 6px; margin-bottom: 6px;"
        :src="item"
        :preview-src-list="scope.row.imgList"
      />
    </div>
    <el-image v-else class="noImg">
      <div slot="error">
        <i class="el-icon-picture-outline" />
      </div>
    </el-image>
  </template>
</el-table-column>

.noImg{
  position: relative;
  background-color: #f5f7fa;
  width: 100px;
  height: 100px;
  .el-icon-picture-outline{
    position: absolute;
    left: 36px;
    top: 36px;
    font-size: 30px;
    color: #909399;
  }
}
::v-deep .igmBox .imgList{
  flex-wrap: nowrap;
  overflow: hidden;
}

*/
export default {
}
</script>

<style lang="scss" scoped>
</style>

